<template>
<div>
  <div id="preloader"></div>
  <div id="top"></div>
  <div id="menu">
    <nav class="navbar-wrapper navbar-default" role="">
      <div class="container">
<!--        <div class="navbar-header">-->
<!--          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-backyard">-->
<!--            <span class="sr-only">广西</span>-->
<!--            <span class="icon-bar"></span>-->
<!--            <span class="icon-bar"></span>-->
<!--            <span class="icon-bar"></span>-->
<!--          </button>-->
<!--        </div>-->
        <div id="navbar-scroll1" class="collapse navbar-collapse navbar-backyard navbar-left">
          <ul class="nav navbar-nav">
            <li><a @click="index" style="cursor: pointer;">返回</a></li>
          </ul>
        </div>
        <div id="navbar-scroll" class="collapse navbar-collapse navbar-backyard navbar-right">
          <ul class="nav navbar-nav">
            <li><a  @click="natural">自然风光</a></li>
            <li><a @click="nation">壮乡风情</a></li>
            <li><a @click="food">美食</a></li>
            <li><a @click="city">城市</a></li>
            <li><a @click="anniversary">宣传片</a></li>
          </ul>
        </div>
      </div>
    </nav>
  </div>
  <div class="fullscreen landing parallax" style="background-image:url('../../static/images/guilinmifen.jpg');" data-img-width="2000" data-img-height="1125" data-diff="100">
    <div class="overlay">
      <div class="container">
        <div class="row">
          <div class="col-md-10 col-md-offset-1 text-center">
            <div class="head-btn wow fadeInLeft">
            </div>
            <h1 class="wow fadeInLeft">
              最好吃的都在这儿
            </h1>
            <div class="landing-text wow fadeInUp">
              <p>广西壮族自治区是我国唯一的一个沿海自治区，海陆丰富的物产资源与多民族的文化饮食特色让广西成为美食王国，再加上桂林山水等一大批旅游景区，每年吸引着数以万计的国内外游客前来旅游，同时广西的美食也走向的全国乃至世界</p>
            </div>
            <div class="head-btn wow fadeInLeft">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div id="intro">
    <div class="container">
      <div class="row">

        <div class="col-md-6 wow slideInRight">
          <h2>螺蛳粉</h2>
          <p>广西螺蛳粉绝对是家喻户晓的一个小吃，现在全国的很多地方都有螺蛳粉的加盟店，螺蛳粉主要体现在汤和配菜上，空心菜和酸笋是这道美食的必备，而这道小吃的精华在用螺蛳长时间熬制的汤，螺蛳粉具有酸、辣、鲜、爽、烫的独特风味。
          </p>
        </div>
        <div class="col-md-6 intro-pic wow slideInLeft">
          <img src="../../static/images/luosifen.jpg" class="img-responsive">
        </div>
      </div>
    </div>
  </div>
  <div id="intro1">
    <div class="container">
      <div class="row">
        <div class="col-md-6 intro-pic wow slideInLeft">
          <img src="../../static/images/fen.jpg" class="img-responsive">
        </div>
        <div class="col-md-6 wow slideInRight">
          <h2>桂林米粉</h2>
          <p>广西桂林米粉有着很悠久的历史，千百年来一直是当地人钟爱的一道风味小吃，据说桂林米粉是秦始皇南下征服南越时诞生的，桂林米粉圆细、爽滑、柔韧，具有独特的风味。其做工考究，先将上好大米磨成浆，装袋滤干，揣成粉团煮熟后压榨成圆根或片状即成。园的称米粉，片状的称切粉，通称米粉，其特点是洁白、细嫩、软滑、爽口。其吃法多样。最讲究卤水的制作，其工艺各家有异，大致以猪、牛骨、罗汉果和各式佐料熬煮而成，香味浓郁。卤水的用料和做法不同，米粉的风味也不同。
          </p>
        </div>
      </div>
    </div>
  </div>
  <div id="intro2">
    <div class="container">
      <div class="row">
        <div class="col-md-6 wow slideInRight">
          <h2>柠檬鸭</h2>
          <p>柠檬鸭是广西南宁武鸣一带的特色菜肴。柠檬鸭，柠檬鸭的味道酸酸辣辣的，鸭肉的细腻在口中也是美味至极，它味浓而冲，第一口感觉强烈，第二口开始就不能停箸。酸辣适宜，是一道极其开胃的菜。
          </p>
        </div>
        <div class="col-md-6 intro-pic wow slideInLeft">
          <img src="../../static/images/jirou.jpg" class="img-responsive">
        </div>
      </div>
    </div>
  </div>
  <div id="intro3">
    <div class="container">
      <div class="row">

        <div class="col-md-6 intro-pic wow slideInLeft">
          <img src="../../static/images/guiyuan.jpg" class="img-responsive">
        </div>
        <div class="col-md-6 wow slideInRight">
          <h2>广西糖水</h2>
          <p>在广西，随处可见的有很多卖糖水的店铺，这个糖水和我们平时在家自己用白天兑的糖水可是有很大区别的。广西的这个糖水种类繁多，并且各有各的功效，有益于身体健康。好看又好吃。
          </p>

        </div>

      </div>
    </div>
  </div>
  <div id="intro4">
    <div class="container">
      <div class="row">
        <div class="col-md-6 wow slideInRight">
          <h2>老友面</h2>
          <p>这是有着百年历史的南宁面食.据说,一老翁每天都光顾周记茶馆喝茶,有一天因感冒没有去茶馆,周记老板便以精制面条,佐以爆香的蒜末、豆豉、辣椒、酸笋、牛肉末、胡椒粉等，煮成热面条一碗，送予这位老友吃。老翁吃后出了一身汗，病状减轻，故由此而得"老友面"之名。
          </p>
        </div>
        <div class="col-md-6 intro-pic wow slideInLeft">
          <img src="../../static/images/fen2.jpg" class="img-responsive">
        </div>
      </div>
    </div>
  </div>
  <div id="intro5">
    <div class="container">
      <div class="row">
        <div class="col-md-6 intro-pic wow slideInLeft">
          <img src="../../static/images/ruo.jpg" class="img-responsive">
        </div>
        <div class="col-md-6 wow slideInRight">
          <h2>啤酒鱼</h2>
          <p>阳朔啤酒鱼是当地一道具有历史的传统菜肴，阳朔的啤酒鱼是选用阳朔漓江里鲜活的大鲤鱼，先用桂北山区出产的生茶油烹炸，然后放入桂林产的上等啤酒红焖而成，具有独特的香酥鲜嫩风味。
          </p>
        </div>
      </div>
    </div>
  </div>

  <footer id="footer">
    <div class="container">
      <div class="el-backtop" style="position: absolute; right: 60px;bottom: 50px">
        <a href="#top"><i class="el-icon-caret-top"></i></a>
      </div>
      <div class="text-center wow fadeInUp" style="font-size: 14px;">2019.12.10 </div>
    </div>
  </footer>
</div>
</template>

<script>
    export default {
      methods:{
        index(){
          this.$router.push('/');
        },
        natural(){
          this.$router.push('/natural');
        },
        city(){
          this.$router.push('/city');
        },
        nation(){
          this.$router.push('/nation');
        },
        food(){
          this.$router.push('/food');
        },
        anniversary(){
          this.$router.push('/anniversary');
        }
      }

    }
</script>

<style scoped>

</style>
